$(function () {
  var $image = $('#image')
  // $.ajax({
  //   url: '/my/userinfo',
  //   type: 'get',
  //   data: {},
  //   success: function (res) {
  //     $image.attr('src', res.data.user_pic)
  //   }
  // })

  const options = {
    aspectRatio: 1,
    preview: '.img-preview'
  }
  $image.cropper(options)

  //图片上传
  $('.shangchuan').on('click', function () {
    $('#file').val('') //初始化表单资源
    $('#file').click()
  })

  //监听文件
  $('#file').on('change', function () {
    var files = $('#file')[0].files
    if (files.length <= 0) {
      return alert('您未上传文件，请重新上传')
    }

    // console.log(files[0],000000);
    //将url路径装换为src路径
    var url = URL.createObjectURL(files[0])
    // console.log(url, 888888)
    $image.cropper('destroy').attr('src', url).cropper(options)
  })

  //获取base64url地址   是个字符串
  // var dataurl
  $('.layui-btn-danger').on('click', function () {
    dataurl = $image
      .cropper('getCroppedCanvas', {
        width: 100,
        height: 100
      })
      .toDataURL('image/png')

    $.ajax({
      url: '/my/update/avatar',
      type: 'post',
      data: {
        avatar: dataurl
      },
      success: function (res) {
        console.log(res, 11111)
        window.parent.getuserdata()

        $image.attr('src', dataurl)
        $image.cropper(options)
      }
    })
  })
})
